<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      .outer {
        width: 400px;
        background-color: red;
      }
      .outer::first-letter {
        font-size: 100px;
        float: left;
      }

      .container {
        background-color: yellow;
        width: 400px;
        font-size: 12px;
      }
      img {
        width: 200px;
        float: left;
        margin-right: 1em;
        vertical-align: middle;
      }
    </style>
  </head>
  <body>
    <div class="outer">
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia, ea minus.
      Commodi deserunt dignissimos aliquid rem, eos quia consequuntur id sequi
      ut quo labore numquam maxime inventore molestiae illo? Fugit, illum neque.
      Fugit nobis vel eos asperiores at exercitationem quasi nulla animi quia
      unde ab dolorem fugiat non omnis ratione, facilis est sunt. Molestias
      assumenda ex quas atque nesciunt facilis aliquam amet quasi. Optio, itaque
      non iste repudiandae, eligendi officiis consequatur, quas amet totam illo
      similique vero fugit tempore sed nisi incidunt. Voluptatum ab officia
      consequatur itaque et, necessitatibus molestias eaque delectus expedita
      sapiente odit fuga quae labore veritatis? Reprehenderit.
    </div>
    <div class="container">
      <img src="./images/mx.png" alt="" />Lorem ipsum, dolor sit amet
      consectetur adipisicing elit. Dolores laudantium facere aliquid, eveniet
      nemo esse corporis dignissimos, cum nobis rem commodi in minima qui illum.
      Iusto, perferendis velit consectetur perspiciatis, asperiores laborum
      maxime excepturi eos, repudiandae quod autem blanditiis. Quos voluptates
      distinctio maiores ex possimus veritatis, incidunt esse temporibus dicta
      sint laudantium inventore, porro vero earum ab iste dolorum ipsa nam
      aliquid similique. Expedita voluptate, ab mollitia sapiente deleniti odit
      provident ipsum praesentium excepturi maxime ratione nam nesciunt quae
      debitis illum error? Voluptate non ipsam possimus ea itaque placeat
      officiis natus, beatae odit hic delectus exercitationem fuga velit
      assumenda adipisci?
    </div>
  </body>
</html>
